/**
* 描述：企业登录页面
*/
<style lang="scss" scoped>
  @import 'style/style';
  @import 'src/styles/common';
  @import 'src/styles/icons';
  @import 'src/styles/company/common';
  canvas {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 1;
  }
  .main-login{
    overflow-y: auto;
    min-height: 540px;
  }
  // 企业中心输入框无圆角
 .formNoRadius3{
     font-size: 14px;
  .ivu-form-item-label{
    line-height: 24px;height: 42px;font-size: 14px;
  }
  .ivu-input, .ivu-select-input, .ivu-select-selection{
    border-radius: 0 !important;
  }
  .ivu-select, .ivu-input, textarea,.ivu-date-picker{
    width:450px;box-sizing: content-box;font-size: 14px;
  }
  .ivu-select-selection{
    height: 40px;line-height: 40px;
  }
  .ivu-input{
    width:410px;
  }
  .yanzheng{
  .ivu-input{
    width: 160px;
  }
  .ivu-form-item-content{
    width: 450px;
  }
  }
  .shouji{
  .ivu-input{
    width: 220px;
  }
  .ivu-form-item-content{
    width: 450px;
  }
  }
  textarea{
    width:434px !important;background: #fcfcfc;
  }
  .logo-uploader{
    border:1px #ccc dashed;height: 100px;width: 100px;
  .el-icon-plus{
    width:10px;height: 10px;margin:42px;
  }
  }
  button{
    font-size: 14px;width:120px;text-align: center;
  }
  .date .ivu-icon-ios-calendar-outline, .date .ivu-icon-ios-close{
    padding:6px;
  }
  }
  .l-inner{
    width: 1000px;margin:0 auto;
  }
  .userSelect{
    margin-top:140px;
    h5{
      font-size: 16px;text-align: center;margin-top:50px;
      a{
        color: #4596e7;line-height:30px;display: inline-block;
      }
    }
  }
  .userSelect .one{
    width: 500px;height: 450px;background: #fff;float: left;
    .fontName{
      font-size: 20px;text-align: center;margin-top:70px;
    }
    .img{
      width: 170px;height: 170px;margin:40px auto;
    }
    .btns{
      display: block;width: 170px;line-height: 40px;height:40px;text-align: center;color: #fff;background: #0078ff;margin:20px auto;
    }
  }
  .userSelect .one:hover{
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#4596e7', Direction=135, Strength=2);/*for ie6,7,8*/
    -moz-box-shadow:0 2px 2px 2px rgba(69, 150, 231,.1);/*firefox*/
    -webkit-box-shadow:0 2px 2px 2px rgba(69, 150, 231,.1);/*webkit*/
    box-shadow:0 2px 2px 2px rgba(69, 150, 231,.1);/*opera或ie9*/
    behavior: url('/static/style/ie-css3.htc'); /* 通知IE浏览器调用脚本作用于'box'类 */
  }
</style>
<template>
  <div class="main-login">
    <div class="l-login-headerTop">
      <div class="l-inner clearfix">
        <div class="logo fl">
          <img src="/static/images/web/company/wzlogo.png" width="70" height="78" alt="微职">
          <i class="name">微职-最贴心的校园招聘平台</i>
          <div class="clear"></div>
        </div>
        <div class="fr" style="margin-top:32px;">
            <span class="fl">
              <i class="iconCom iconCom_index02"></i>
              <i class="font">政府合作</i>
              <div class="clear"></div>
            </span>
            <span class="fl">
              <i class="iconCom iconCom_index01"></i>
              <i class="font">城市代理</i>
              <div class="clear"></div>
            </span>
              <span class="fl">
                <i class="iconCom iconCom_index03"></i>
                <i class="font">手机微职</i>
                <div class="clear"></div>
            </span>
              <span class="fl">
                <i class="iconCom iconCom_index04"></i>
                <i class="font">企业服务</i>
                <div class="clear"></div>
            </span>
            <div class="clear"></div>
        </div>
      </div>
    </div>
    <!--<div class="com-line cccShadow"></div>-->
    <div class="userSelect">
        <div class="l-inner">
          <transition name="bounceLeft">
            <div class="main">
                <div class="one" style="border-right:1px #eee solid;">
                  <div class="fontName">投简历，去应聘</div>
                  <div class="img">
                    <img src="/static/images/web/company/left.png" width="170" height="170" alt="头像">
                  </div>
                  <a class="btns" href="/login">个人登录</a>
                </div>
                <div class="one">
                  <div class="fontName">招员工，去发布</div>
                  <div class="img">
                    <img src="/static/images/web/company/right.png" width="170" height="170" alt="头像">
                  </div>
                  <a class="btns" href="/company/login">企业登录</a>
                </div>
                <div class="clear"></div>
                <h5>已有账号，请 <a href="/userSelectRegister">注册</a></h5>
            </div>
          </transition>
        </div>
    </div>
  </div>
</template>
<script>
//  import md5 from 'js-md5';
//  import { mapState, mapActions } from 'vuex';
//  import { companyLogin, sendSmsCode, companyLoginForgot } from '@/service/company/login/loginMService';
  export default {
    computed: {
    },
    data () {
      return {
        step: 1
      };
    },
    components: {},
    mounted () {
    },
    methods: {
    }
  };
</script>
